<template>
		<div class="agentchild">
			<div class="xh" v-for="(item,index) in agentdata" :key="index">
				<div class="link" >
					<div class="headerImg">
						<img :src="item.imgSrc"/>
					</div>
					<div class="info">
						<div>{{item.name}}</div>
						<div>{{item.address}}</div>
					</div>
					<div class="pf">
						<div><span>5.0</span>评分</div>
						<div>2人</div>
					</div>
				</div>
			</div>
		</div>
</template>
	
<script>
	export default{
		name:'agentchild',
		props:["agentdata"],
		data() {
			return {
		
			}
		}
	}
</script>

<style scoped>
	.agentchild{
		width: 100%;
		height:auto;
	}
	.xh{
		width: 100%;
		height: 1.97rem;
		margin-top: 0.2rem;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		display: flex;
		align-items: center;
	}
	.link{
		width: 7.09rem;
		height: 1.21rem;
		display: flex;
		align-items: center;
	}
	.headerImg{
		width: 1.2rem;
		height: 1.2rem;
		margin-left: 0.2rem;
	}
	.headerImg>img{
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 50%;
	}
	.info{
		width: 3.4rem;
		height: 1.21rem;
		margin-left: 0.3rem;
	}
	.pf{
		width: 0.93rem;
		height: 1.21rem;
		margin-left: 1.1rem;
	}
	.info>div:nth-of-type(1){
		font-size: 0.3rem;
		color: black;
	}
	.info>div:nth-of-type(2){
		font-size: 0.25rem;
		margin-top: 0.2rem;
		color: black;
	}
	.pf>div:nth-of-type(1){
		font-size: 0.26rem;
	}
	.pf>div:nth-of-type(1)>span{
		color: #db795a;
	}
	.pf>div:nth-of-type(2){
		font-size: 0.26rem;
		margin-left: 0.45rem;
		margin-top: 0.2rem;
	}
</style>
